import 'normalize.css'

import {
	create,
	NButton,
	NCollapse,
	NCollapseItem,
	NIcon,
	NInput,
	NLayout,
	NModal,
	NUpload,
	NUploadDragger,
	NText,
	NPopover,
	NCard,
	NP,
	NMessageProvider,
	NDialogProvider,
	NDialog,
	NCheckboxGroup,
	NCheckbox,
	NSelect,
	NScrollbar
} from 'naive-ui'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

const naive = create({
	components: [
		NButton,
		NCollapse,
		NCollapseItem,
		NIcon,
		NInput,
		NLayout,
		NModal,
		NUpload,
		NUploadDragger,
		NText,
		NPopover,
		NCard,
		NP,
		NMessageProvider,
		NDialogProvider,
		NDialog,
		NCheckboxGroup,
		NCheckbox,
		NSelect,
		NScrollbar
	]
})

const app = createApp(App);
const pinia = createPinia();

app.use(naive);
app.use(pinia);
app.mount('#app')
